<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf8" />
    <title>GSTC List columns toggle</title>
    <link rel="stylesheet" href="../../dist/style.css" />
    <!-- replace this path  -->
    <link rel="stylesheet" href="../reset.css" />
  </head>
  <body>
    <div class="toolbox">
      Columns:
      <label><input type="checkbox" id="id" checked /> ID</label>
      <label><input type="checkbox" id="name" checked /> Name</label>
      <label><input type="checkbox" id="surname" checked /> Surname</label>
      <label><input type="checkbox" id="progress" checked /> Progress</label>
    </div>
    <div id="gstc"></div>
    <script type="module" src="index.js"></script>
    <!-- replace this path  -->
    <style>
      .toolbox {
        margin: 10px;
      }
    </style>
  </body>
</html>
